@import "./transition.scss";
@import "./public.scss";
@import "./btn.scss";

// 此文件专门放本项目全局通用样式

// main-container全局样式
.app-container {
  padding: 20px;
}

.pagination-container {
  margin-top: 30px;
}

// 链接
.link-type {
  color: $blue;
}

// 表格最后一列编辑列
.el-table .edit-colum {
  display: flex;
  justify-content: center;
}

// 二级页面导航样式 吸顶处理
.app-page-nav {
  // 吸顶处理
  position: sticky;
  top: 0;
  background: white;
  z-index: 10;
  border-bottom: 1px solid #ededed;
  padding: 15px 0;
}

// v-lost:header部分
.app-section-header {
  // flex布局
  flex: none;
  background: white;
}

// v-slot:footer部分
.app-section-footer {
  flex: none;
  height: auto;
}

// 在elementUI中，row-class-name、row-style、cell-class-name等属性要想生效必须使用全局class才能生效。可以写到一个样式文件中 引入即可
.el-table .warning-row {
  background-color: $warning-color;
}

.el-table .success-row {
  background-color: $success-color;
}

.el-table .danger-row {
  background-color: $danger-color;
}
